<template>
    <!-- 近7日固废产生量 -->
    <div class="wasteDischarge">
        <CommonTitleComponent text="近7日固废产生量"></CommonTitleComponent>
        <div class="wasteDischarge_echarts">
            <chart-view
                :chart-option="EchartsMethods.wasteDischarge()"
                :auto-resize="true"
                height="100%"
                style="height: 100%"
            ></chart-view>
        </div>
    </div>
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue';
import { EchartsMethods } from '@/chart/index';

const status = reactive({});
</script>
<style lang="scss" scoped>
.wasteDischarge {
    height: 27%;
    padding-top: 30px;
    &_echarts {
        height: calc(100% - 26px);
        margin-top: 10px;
    }
}
</style>
